<include file="../Public/header_sh.html" />

<script type="text/javascript">
//鼠标移动表格效果
$(document).ready(function(){
    $("tr[overstyle='on']").hover(
      function () {
        $(this).addClass("bg_hover");
      },
      function () {
        $(this).removeClass("bg_hover");
      }
    );
    
    temp_showchart( "{$goods['id']}" ,"line");
    couponGoPage(1);
});

function temp_showchart(gid_,chartStyle_){
	$.kchart({
		chartWidth : 		"550" , //报表宽度
		chartHeight: 		"240" , //报表高度
		title : 			'商品销售统计图' , //报表名称
		tableWrapperID : 	'stat_wrapper' , //表格数据table所在的html元素的id
		tableID : 			'graph_data' ,  //表格数据ID
		chartWarpperID : 	'chart_wrapper' , //统计图显示位置
		ifTableDisplay:		true,
		chartStyle : 		chartStyle_ , //统计图样式  取值参见visualize相关参数
		url : 				"{:U('shanghu://Statis/ajxstatgoods')}", //ajax获取数据路径
		data:				{ gid:gid_,stattype:'time' },
		ifChangeXY:			true
	});
}

/**查询数据分页**/
function couponGoPage(pno){
	$.kajax({      
       			ajx_rtn_type:'HTML',
       			url:"{:U('shanghu://Coupon/coupon_list_box')}",      
       			type:'post', //数据发送方式  
       			data:{ pno:pno,gid:"<php>echo $goods['id'];</php>" } ,    
       			async: false ,//同步方式     
       			success: function(html_){
							$('#coupon_list').html(html_);
	       				 }
	});
}
</script>

<style>

</style>
    <!--  START CONTENT WRAPPER -->
    <div id="content_wrapper">
	
      <!--  START PRIMARY CONTENT style="position: relative;"-->
      <div id="primary_content">

       	<div class="g_show">
	       	<!--商品概要信息展示，最右上侧-->
			<ul class="info">
				
				<!--1. 商品名称-->
				<li class="name"><strong>{$goods['title']}</strong></li>
				<!--2. 商品品牌以及编号，可以定位到品牌页面，这里的商品品牌是不是使用图标比较好？-->
				<li>商品品牌：{$goods['partner_id']|getParnterTitle}</li> 
				<li>商品分类：{$goods['sort_id']|getCategoryName}</li> 
				<li>商品价格： <span class="m_price">{:formatMoney($price['market_price'])}</span></li>
				<li>开始时间：{:paramMillisecond2Date($goods['start_time'],'Y-m-d')}</li> 
				<li>商品构成：{$goods['summary']}</li> 
				
				<!-- 画一条横线 -->
				<li class="br_line clear"></li>
			</ul>
			<!--商品图片展示，最左上侧-->
			<div class="pic">
				<!--1. 图片盒，目前共四张，用js来控制显示与否-->
				<div id="pic_box">
					<div style="float: left;text-align: left;overflow: hidden;border:0px solid #EBEBEB;">
						<a 	href="#"  class="goods_b"
							title="{$goods['title']}" >
							<img src="{:getPhotoFromThumb($goods['goods_icon'],300,300)}" alt="{$goods['title']}">	
						</a>
					</div>
				</div>
			</div>
       	</div>	
       	<div class="clear"></div>
       	
		<div style="float:right;padding-top: 10px;">
			<a href="{:U('shanghu://Statis/index',array('statmodel'=>'goods','gid'=>$goods['id']))}" title="查看商品销售统计">
				<img width="20" height="20" style="vertical-align: middle;" src="/Public/shanghu/images/chart_32.png">
			</a>
		</div>
       	<h2>商品销售统计图</h2>
        <div id="chart_wrapper" class="chart_wrapper content" style="height:280px"></div>
		<div id="stat_wrapper" class="list"></div>
       	
       	<h2 style="font-size: 18px;">已兑换{:K('SP_COUPON_NM')}</h2>
        <div class="clear"></div>
  		<div id="coupon_list"></div>
    	<!-- Paginator end -->
      </div>
      <!--  END PRIMARY CONTENT -->
 	  <!--  START SIDEBAR -->
      <div id="sidebar">
        <h3>操作列表</h3>
        <include file="../shanghu/Tpl/default/Public/quickoptlist.html" />
        
      </div><!--  end div #sidebar -->
      <!--  END SIDEBAR -->
    </div><!--  end div #content_wrapper -->
<!--  END CONTENT_WRAPPER -->

<include file="../Public/footer_sh.html" />